//并发请求数据
let ul = document.querySelector("ul");
document.onreadystatechange = async function () {
  console.log(2);
  if (document.readyState === "interactive") {
    new Promise((resolve, reject) => {
      let el = "";
      fetch("http://chst.vip:1234/api/getcategorytitle")
        .then((body) => body.json())
        .then((res) => {
          // console.log(res)
          res.result.forEach((item) => {
            el += `<li><a href="#">
                    <span id='${item.titleId}'>${item.title}</span>
                    <img src="" alt="">
                    </a></li>`;
          });
          ul.innerHTML = el;
          resolve(res);
        });
    }).then((res) => {
      new Promise(() => {
        let lis = document.querySelectorAll("ul>li");
        res.result.forEach((item, index) => {
          let div = document.createElement("div");
          div.className = "up";
          let el2 = "";
          let id = item.titleId;
          fetch(`http://chst.vip:1234/api/getcategory?titleid=${id}`)
            .then((body) => body.json())
            .then((res) => {
              // console.log(res)
              res.result.forEach((item) => {
                el2 += ` <a href='../pages/ppdqlist.html?${item.category}&id=${item.categoryId}'>${item.category}</a>`;
              });
              div.innerHTML = el2;
              lis[index].appendChild(div);
            });
        });
        slide();
      });
    });
  }
  //抽屉效果
  function slide() {
    $(".container").find(".up").slideUp(0).attr("flag", false);
    $(".container").on("click", "a", function () {
      let flag = $(this).siblings().attr("flag");
      if (flag === "false") {
        $(this)
          .siblings()
          .css("display", "flex")
          .slideDown()
          .attr("flag", true);
        $(this).parent().siblings().find(".up").slideUp().attr("flag", false);
      } else {
        $(this).siblings().slideUp().attr("flag", false);
      }
    });
  }

  console.log(1);
};
// $('.uu').find('.content').slideUp(0,function(){
//     $('.uu').css('display','block')
//     $('.content').prop('flag',false)
// })
// $('.uu').on('click','li',function(){
//     let flag=$(this).find('.content').prop('flag')
//     if(flag){
//         $(this).find('.content').slideUp(500).prop('flag',false)
//         return
//     }
//     $(this).find('.content').slideDown(500).prop('flag',true).parent().siblings().find('.content').slideUp(500).prop('flag',false)
// })
// </script>
